t1 = setInterval(function () {
    var divObj = document.querySelector('#progress')
    var divWidth = parseInt(divObj.style.width)
    divWidth -= 10
    divObj.style.width = divWidth + 'px'
    if (divWidth < 0) {
        clearInterval(t1)
        clearInterval(t2)
        alert('GAME OVER')
    }
}, 1000)

//点击重新开始按钮
var btnObj = document.querySelector('button')
btnObj.onclick = function () {
    var bloodObj = document.querySelector('#progress')
    bloodObj.style.width = '400px'
    var bloodWidth = parseInt(bloodObj.style.width)
}
function suiJ(max,min){
return Math.floor(Math.random()*(max-min+1)+min)
}
// 创建定时器
t2=setInterval(function(){
// 造星星
var imgObj = document.createElement('img')
// 随机星星的宽高
imgObj.src="./star.gif"
max=100
min=20
imgObj.width=suiJ(max,min)
// 定位星星出现的范围
imgObj.style.position='absolute'
var min = 0
var max = (window.innerWidth||document.documentElement.clientWidth)-imgObj.width
imgObj.style.left=suiJ(max,min)+'px'
var max = (window.innerHeight||document.documentElement.clientHeight)-imgObj.width
imgObj.style.top=suiJ(max,min)+'px'
// 把星星追加到页面
document.body.appendChild(imgObj)
},1000)
//    点击删除
// 给body绑定事件，
var bodyObj = document.body
    bodyObj.onclick=function(evt){
         // 事件函数处理
          // 获取事件对象
    var e = evt ||window.event
      //     获取需操作的标签
   var target = e.target||e.srcElement
    //     判断是否是img然后删除
   if(target.nodeName==='IMG'){
       bodyObj.removeChild(target)

       var divObj = document.querySelector('#progress')
            var divWidth = parseInt(divObj.style.width)
            divWidth += 5
            // console.log(bloodWidth);
            divObj.style.width = divWidth + 'px'
            if (divWidth > 400) {
                divWidth = 400
                divObj.style.width = divWidth + 'px'
                console.log(divWidth);
        }
   }
} 